body{
  background-color: #eeeeee; 
  height:auto;
  overflow-y: scroll;
}

.user-wrapper {
	background-color: #EEEEEE;
}
/* user info header */
.user-info {
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    padding: 15px;
    background-color: #ffffff;
}
.user-info-avatar {
	margin-right: 10px;
}
.user-info-avatar img {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
}
.user-info-desc {

}
.user-info-name {
	font-size: 17px;
	color: #202020;
}
.user-info-detail {
	margin-top: 4px;
	font-size: 13px;
	color: #8e8e8e;
}
.user-info-age {
	font-size: 13px;
	color: #8e8e8e;
	margin-right: 15px;
}
.user-info-gender {
	font-size: 13px;
	color: #8e8e8e;
}
.icon-gender {
	width: 10px;
	height: 15px;
	vertical-align: bottom;
	margin-right: 3px;
}

/* achivement */
.user-achievement {
	height: 30px;
	line-height: 30px;
	padding: 10px 0px;
	margin-top: 10px;
	background-color: #FFFFFF;
	
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.user-pk-result {
	width: 49%;
	text-align: center;
	border-right: 1px solid #dddddd;
	color: #666666;
	font-size: 16px;
}
.user-pk-result img {
	vertical-align: middle;
	width: 21px;
	height: 19px;
	margin-right: 8px;
}
.user-groups-honour {
	width: 49%;
	text-align: center;
	color: #666666;
	font-size: 16px;
}
.user-groups-honour img {
	vertical-align: middle;
	width: 19px;
	height: 19px;
	margin-right: 8px;
}

/* user joining activity */
.user-joining-activity {
	margin-top: 10px;
	padding: 10px 15px;
	background-color: #FFFFFF;
}
.user-joining-activity-header {
	color: #333333;
	font-size: 15px;
	margin-bottom: 10px;
}
.joining-activity-item {
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;    
}
.join-activity-logo {
	margin-right: 10px;
}
.join-activity-logo img {
	width: 83px;
	height: 83px;
}
.join-activity-info {

}
.join-activity-title {
	font-size: 14px;
	color: #333333;	
}
.join-activity-num {
	font-size: 12px;
	color: #a9a9a9;
	margin-top: 2px;
}
.join-activity-time, .join-activity-address {	
	margin-top: 2px;
	font-size: 13px;
	color: #a9a9a9;
}

/* user menu */
.user-menu-area {
	background: #EEEEEE;
	margin-top: 10px;
}
.user-menu-item {
	padding: 15px 13px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    background-color: #FFFFFF;
}
.user-menu-item-title {
	color: #000000;
	font-size: 15px;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.user-menu-item-desc {
	color: #8e8e8e;
	font-size: 13px;
}
.user-menu-item-border {
	border-bottom: 1px solid #d7d7d7;
}
.user-menu-item-margin {
	margin-top: 10px;
}























